<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<meta charset="UTF-8">
<title>礼品兑换</title>
<%@include file="/WEB-INF/views/commons/commons.jsp"%>
<script type="text/javascript" src="/static/js/system/exchangegift.js"></script>
    <style>
        .easyui-textbox {
            width: 140px;
        }
        .easyui-datebox {
            width: 140px;
        }
        .easyui-numberbox {
            width: 140px;
        }
        .q_div{
            width: 307px;
            text-align: center;
        }

    </style>
</head>
<body id="mylayout" class="easyui-layout">
<div data-options="region:'east',split:true" style="width:50%;">
    <div id="ex_tb">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="addGift">选择礼品</a>
    </div>
    <form id="ex_form2" method="get">
        <input type="hidden" id="giftId" name="id">
        <div>
            &nbsp;&nbsp;礼品编号:&nbsp;&nbsp;<input class="easyui-textbox" id="giftSn" name="sn" readonly="readonly">
            &nbsp;&nbsp;礼品名称:&nbsp;&nbsp;<input class="easyui-textbox" id="giftName" name="name" readonly="readonly">
        </div>
        <div>
            &nbsp;&nbsp;礼品单位:&nbsp;&nbsp;<input class="easyui-textbox" id="unit" name="unit" readonly="readonly">
            &nbsp;&nbsp;兑换积分:&nbsp;&nbsp;<input  class="easyui-textbox" id="integral" name="integral" readonly="readonly">
        </div>
        <div>
            &nbsp;&nbsp;总剩余量:&nbsp;&nbsp;<input  class="easyui-textbox" id="total" name="number" readonly="readonly">
            &nbsp;&nbsp;兑换数量:&nbsp;&nbsp;<input  class="easyui-numberbox" type="text" id="num" data-options="prompt:'请输入兑换数量',min:0,precision:0">
        </div>
        <div>
            &nbsp;&nbsp;共耗积分:&nbsp;
            <input class="easyui-textbox" id="totalCount" name="totalCount" readonly="readonly">
        </div>
        <div>&nbsp;&nbsp;
            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" data-cmd="exchange">兑换</a>
        </div>
    </form>
</div>
<div data-options="region:'center'" style="padding:5px;">
    <form id="member_form" method="get">
        <div class="q_div">
            <input id="number" class="easyui-textbox" prompt="请输入卡号" name="number">
            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" data-cmd="queryByCardno" id="query2"></a>
        </div>
        <div style="height: 30px">
            &nbsp;&nbsp;会员名称:&nbsp;&nbsp;<input class="easyui-textbox" name="name" readonly="readonly">
            &nbsp;&nbsp;会员等级:&nbsp;&nbsp;<input class="easyui-textbox" id="level" name="level" readonly="readonly">
        </div>
        <div style="height: 30px">
            &nbsp;&nbsp;会员生日:&nbsp;&nbsp;<input class="easyui-datebox" name="birthday" readonly="readonly">
            &nbsp;&nbsp;会员余额:&nbsp;&nbsp;<input id="balance" class="easyui-textbox" name="balance" readonly="readonly">
        </div>
        <div style="height: 30px">
            &nbsp;&nbsp;会员卡号:&nbsp;&nbsp;<input id="name1" id="cardNumber" class="easyui-textbox" name="cardno" readonly="readonly">
            &nbsp;&nbsp;卡片余额:&nbsp;&nbsp;<input class="easyui-textbox" name="balance" readonly="readonly">
        </div>
        <div style="height: 30px">
            &nbsp;&nbsp;累计消费:&nbsp;&nbsp;<input class="easyui-textbox" name="totalSpend" readonly="readonly">
            &nbsp;&nbsp;目前积分:&nbsp;&nbsp;<input id="currentPoint" class="easyui-textbox" name="availablepoint" readonly="readonly">
        </div>
    </form>
</div>
<div data-options="region:'south',split:true" style="height:55%;">
    <table id="ex_datagrid3"></table>
</div>



<div id="ex_dialog">
    <table id="ex_datagrid2" fit="true">
        <form id="ex_form" method="get">
            <div align="center">
                <input id="keyword" style="width: 500px" id="ex_" class="easyui-textbox" prompt="请输入礼品名称" name="keyword">
                <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" data-cmd="query" id="query"></a>
            </div>
        </form>
    </table>
</div>


<div class="easyui-panel" style="width:1300px;height:250px;background:#fafafa;" id="tab1">
    <table id="ex_datagrid">
    </table>
</div>

<div id="bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" data-cmd="selected">确认</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>

</body>
</html>
